$(document).on('touchmove', function (e) {
    e.preventDefault();
});


function getUrlParameterByName(name) {
    name = name.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]");
    var regex = new RegExp("[\\?&]" + name + "=([^&#]*)"),
        results = regex.exec(window.location.href);
    return results === null ? "" : decodeURIComponent(results[1].replace(/\+/g, " "));
}

var answer;
var s = 0;

function setData() {
    var quziId = sessionid.substr(0, 1);
    var themeId = sessionid.substr(1, 1);

    if (quziId = 1) {
        var quiz = {
            questions: [
                {
                    number: '1.',
                    question: '城市频繁启停的路况下，美孚速霸是如何应对的？'
                },
                {
                    number: '2.',
                    question: '以下哪个说法，对美孚速霸的抗磨损性能描述错误？'
                },
                {
                    number: '3.',
                    question: '关于耐高温性能，以下说法错误的是？'
                },
                {
                    number: '4.',
                    question: '以下哪种方式，无法验证美孚速霸正品？'
                },
                {
                    number: '5.',
                    question: '美孚官方微信账号具有丰富内容，以下哪项描述不对？'
                }
            ],
            answers: [
                {
                    option: [
                        {
                            order: 'A.',
                            answer: '车子一启动就能实现快速润滑，迅速到达引擎的各个部件，以免造成不必要的磨损。',
                            isright: 1
                        },
                        {
                            order: 'B.',
                            answer: '车子行驶时，引擎内温度升高，汽油会变稀，美孚速霸并不能起到润滑保护。',
                            isright: 0
                        }
                    ]
                },
                {
                    option: [
                        {
                            order: 'A.',
                            answer: '美孚速霸2000是合成科技润滑油，所以更抗磨。',
                            isright: 0
                        },
                        {
                            order: 'B.',
                            answer: '美孚速霸会减少发动机内产生积碳和油泥，摩擦更小所以更抗磨。',
                            isright: 0
                        },
                        {
                            order: 'C.',
                            answer: '美孚速霸是专为走走停停的城市路况设计，呵护引擎，频繁启停下表现依然卓越。',
                            isright: 0
                        },
                        {
                            order: 'D.',
                            answer: ' 美孚速霸抗磨损性能较差。',
                            isright: 1
                        }
                    ]
                },
                {
                    option: [
                        {
                            order: 'A.',
                            answer: '日常驾驶，汽车内部的涡轮增压发动机高温甚至能超过1000摄氏度！',
                            isright: 0
                        },
                        {
                            order: 'B.',
                            answer: '引擎长时间的高温运行，会导致发动机产生积碳和油泥，影响发动机的动力输出。',
                            isright: 0
                        },
                        {
                            order: 'C.',
                            answer: '美孚速霸拥有稳定的分子结构，从容面对高温出色抗磨，为高温、高负荷的发动机提供强劲动力。',
                            isright: 0
                        },
                        {
                            order: 'D.',
                            answer: '美孚速霸并不具有耐高温性能。',
                            isright: 1
                        }
                    ]
                },
                {
                    option: [
                        {
                            order: 'A.',
                            answer: '扫描瓶身二维码可以辨别正品',
                            isright: 0
                        },
                        {
                            order: 'B.',
                            answer: '瓶身二维码具有凹凸感。',
                            isright: 0
                        },
                        {
                            order: 'C.',
                            answer: '瓶身二维码没有凹凸感。',
                            isright: 1
                        },
                        {
                            order: 'D.',
                            answer: '二维码彩色亮片的分布，与扫描后手里页面呈现的一致。',
                            isright: 0
                        }
                    ]
                },
                {
                    option: [
                        {
                            order: 'A.',
                            answer: '官方微信里可以辨别正品',
                            isright: 0
                        },
                        {
                            order: 'B.',
                            answer: '官方微信里能查找就近经销商',
                            isright: 0
                        },
                        {
                            order: 'C.',
                            answer: '官方微信里定期更新润滑油小贴士',
                            isright: 0
                        },
                        {
                            order: 'D.',
                            answer: '美孚没有开通品牌动态服务',
                            isright: 1
                        }
                    ]
                }
            ]
        };
    }

    new Vue({
        el: '#app',
        data: {
            msg: 'hello mobil',
            quziData: quiz,
            themeData: themeId
        },
        ready: function () {
            $('.quiz-answer-item').on('click', function () {
                $(this).addClass('active').siblings().removeClass('active');
                answer = $(this).find('.answers').text();
                $('#submit-btn').removeClass('submit-btn-disabled');
                $('#currentNumber').val($(this).attr('data-check'));
            });
        }
    });
}


var sessionid = getUrlParameterByName('sessionid');
// console.log(sessionid);
if (sessionid && sessionid != '') {
    $.ajax({
        url: 'api/checkSessionId.php',
        type: "post",
        dataType: "JSON",
        data: {
            "sessionid": sessionid
        },
        success: function (data) {
            if (data.status == 1) {
                setData();
            } else {
                $('.game-over').addClass('disabled').fadeIn().find('#errorid').show();
                alert('密码验证失败');
            }
        },
        error: function () {
            alert("网络错误");
        }
    });
} else {
    $('.game-over').addClass('disabled').fadeIn().find('#errorid').show();
}


$(function () {
    var o = 0;

    var time;
    var handle;
    var timebox = document.getElementById('countDown-time');

    function showQuestion(index) {
        $("#quiz-question > div").hide().eq(index).show();
        $("#quiz-answer .quiz-answer-list").hide().eq(index).show();
        setTimeout(function () {
            $("#quiz-question > div").eq(index).find('.quiz-question-profile').addClass('active');
            $("#quiz-question > div").eq(index).find('.quiz-question-content').addClass('active');
            $("#quiz-answer .quiz-answer-list").eq(index).addClass('active');
        }, 200);
    }

    $('.start-btn').on('click', function () {
        // ClickEvent('QuizA', 'QuizA/QuizA_Start_Click', 'Click');
        $('.start').hide();
        $('.quiz').show();
        $('.top-bar').show();
        startCount(180);
        showQuestion(o);
    });

    $('.login-btn').on('click', function () {
        var phone = $('#login-mobile').val();
        var phonereg = /^1[34578]\d{9}$/;
        if (!phonereg.test(phone)) {
            $('.error-tip').fadeIn();
        } else {
            // ClickEvent('QuizA', 'QuizA/QuizA_Log_in_Click', 'Click');
            $.ajax({
                url: 'api/checkMobile.php',
                type: "post",
                dataType: "JSON",
                data: {
                    "mobile": $('#login-mobile').val(),
                    "sessionid": sessionid
                },
                success: function (data) {
                    if (data.status == 0) {
                        $('.login').fadeOut();
                    } else {
                        $('.game-over').fadeIn().find('#already').show();
                    }
                },
                error: function () {
                    alert("网络错误");
                }
            });
        }
    });

    var finishFlag = false;
    $('#submit-btn').on('click', function () {
        if (!$('#submit-btn').hasClass('submit-btn-disabled')&& !finishFlag) {
            $('#answer').html(answer);
            $('.style2').addClass('active');
            s = s + parseInt($('#currentNumber').val());
            console.log(s);
            o = o + 1;
            finishFlag = true;
            setTimeout(function () {
                $('#submit-btn').addClass('submit-btn-disabled');
                $('#order-number').text(o + 1);
                $('.style2').removeClass('active');
                showQuestion(o);
                finishFlag = false;
                if (o == 5) {
                    $('#result-number').text(s);
                    var usetime = parseFloat($("#countDown-time").text());
                    var lasttime = (180 - usetime).toFixed(2);

                    $('.quiz').hide();
                    $('.result').show();
                    $.ajax({
                        url: 'api/add.php',
                        type: "post",
                        dataType: "JSON",
                        beforeSend:function () {
                            finishFlag = true;
                        },
                        data: {
                            "mobile": $('#login-mobile').val(),
                            "sessionid": sessionid,
                            "time": lasttime,
                            "score": s
                        },
                        success: function (data) {
                            clearInterval(handle);
                            finishFlag = false;
                        },
                        error: function () {
                            alert("网络错误");
                        }
                    });
                    return false;
                }
            }, 2000);
        }
    });

    $('.game-over').on('click', function () {
        if ($(this).hasClass('disabled')) {
            return false;
        }
        $(this).fadeOut();
        // ClickEvent('QuizA', 'QuizA/QuizA_Know_Click', 'Click');
    });


    function TimeOut() {
        timebox.innerHTML = time;
        if (time > 0) {
            time -= 0.01;
        }
        else {
            time = 0.00;
            clearInterval(handle);
            $('.game-over').addClass('disabled').fadeIn().find('#timeover').show();
        }
        time = time.toFixed(2);
    }

    function startCount(timer) {
        time = timer;
        if (handle) clearInterval(handle);
        handle = setInterval(TimeOut, 10);
    }
});